<template>
	<div class="app">
		<div>
			<h3 class="title"><span style="color: green;">公众监督数据管理/</span>公众监督数据详情</h3>
		</div>
		<div class="show">
			<el-descriptions
			    :column="1"
			    border
			  >
				<template #title>
					<h3>公众监督数据详情</h3>
				</template>
				<template #extra>
			        <el-button type="primary" @click="back" plain>返回</el-button>
				</template>
			    <el-descriptions-item label="公众监督反馈信息编号">
					<template #default>
						{{detailsData.id}}
					</template>
				</el-descriptions-item>
			    <el-descriptions-item label="反馈者信息">
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.Sname}}
						</template>
					</el-tag>
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.sex}}
						</template>
					</el-tag>
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.birthday}}
						</template>
					</el-tag>
				</el-descriptions-item>
			    <el-descriptions-item label="反馈者联系电话">
					<template #default>
						{{detailsData.Sphone}}
					</template>
				</el-descriptions-item>
				<el-descriptions-item label="反馈信息所在地址">
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.province.name}}
						</template>
					</el-tag>
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.city.name}}
						</template>
					</el-tag>
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.address}}
						</template>
					</el-tag>
				</el-descriptions-item>
				<el-descriptions-item label="反馈信息描述">
					<template #default>
						{{detailsData.message}}
					</template>
				</el-descriptions-item>
				<el-descriptions-item label="预估等级">
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.level}}
						</template>
					</el-tag>
				</el-descriptions-item>
			    <el-descriptions-item label="反馈日期时间">
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.date}}
						</template>
					</el-tag>
					<el-tag size="small" class="tag">
						<template #default>
							{{detailsData.time}}
						</template>
					</el-tag>
			    </el-descriptions-item>
			  </el-descriptions>
		</div>
	</div>
</template>

<script setup>
	import axios from "axios"
	import { reactive,onMounted} from "vue"
	import { useRoute,useRouter} from 'vue-router'
	let route = useRoute()
	let router = useRouter()
	let detailsData = JSON.parse(route.query.data)
	console.log(detailsData)
	let back = function(){
		router.push({
			path:'/supervisionData'
		})
	}
	
</script>

<style scoped>
	.app{
		width: 100%;
	}
	.title{
		font-size: 15px;
	}
	.tag{
		margin-right: 10px;
	}
</style>